<template>
  <div id="app">
    <header>
      <Header/>
    </header>
    <main>
      <QuickAccess class="quick" v-if="this.$route.path=='/'"/>
      <QRCode class="aside"/>
      <router-view/>
    </main>
    <footer>
      <Footer/>
    </footer>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import QRCode from "@/components/QRCode";
import QuickAccess from "@/components/QuickAccess";

export default {
  data() {
    return {
      radioVal: 1,
    }
  },
  methods: {

  },
  components: {
    QRCode,
    QuickAccess,
    Header,
    Footer
  }
}

</script>

<style>
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#app {
  position: relative;
}

main {
  positon: relative;
  overflow: hidden;
  margin-top: -140px;
}

.aside {
  position: fixed;
  top: 300px;
  right: 55px;
}
.quick {
  position: absolute;
  top: 200px;
  right: 300px;
}
footer {
  width: 100%;
  height: 138px;
  z-index: 999;
}

.container {
  width: 100%;
  min-height: 500px;
  margin-bottom: -9999px;
  padding-bottom: 9999px;
}
</style>
